﻿<Page
    x:Class="App1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App1"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Page.Resources>
        <DataTemplate x:Key="listviewtemplate">
            <StackPanel Orientation="Horizontal">
                <Image Source="{Binding Image}" Width="100"></Image>
                <StackPanel>
                    <TextBlock Text="{Binding Title}"></TextBlock>
                    <TextBlock Text="{Binding Description}" TextWrapping="Wrap"></TextBlock>
                    <TextBlock Text="{Binding ISBN}"></TextBlock>
                </StackPanel>
            </StackPanel>
        </DataTemplate>
    </Page.Resources>

    <Grid>
        <StackPanel>
            <TextBox x:Name="keyword" HorizontalAlignment="Center" Height="37" TextWrapping="Wrap" VerticalAlignment="Top" Width="380" PlaceholderText="type in the keyword you want to search" Margin="0,40,0,0"/>
            <Button Content="Search" HorizontalAlignment="Center" Height="72"  VerticalAlignment="Top" Width="253" Click="Button_Click" Margin="0,20,0,0"/>
            <FlipView x:Name="fpview" Height="400">
                <!--<FlipView.ItemTemplate>
                    <DataTemplate>
                        <ListView ItemsSource="{Binding booksearchlist}">
                            <ListView.ItemTemplate>
                                <DataTemplate>
                                    <StackPanel Orientation="Horizontal">
                                        <Image Source="{Binding Image}" Width="100"></Image>
                                        <StackPanel>
                                            <TextBlock Text="{Binding Title}"></TextBlock>
                                            <TextBlock Text="{Binding Description}" TextWrapping="Wrap"></TextBlock>
                                            <TextBlock Text="{Binding ISBN}"></TextBlock>
                                        </StackPanel>
                                    </StackPanel>
                                </DataTemplate>
                            </ListView.ItemTemplate>
                        </ListView>
                    </DataTemplate>
                </FlipView.ItemTemplate>-->

            </FlipView>
            
            <!--<ListView x:Name="lv" Height="400">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <Image Source="{Binding Image}" Width="100"></Image>
                            <StackPanel>
                                <TextBlock Text="{Binding Title}"></TextBlock>
                                <TextBlock Text="{Binding Description}" TextWrapping="Wrap"></TextBlock>
                                <TextBlock Text="{Binding ISBN}"></TextBlock>
                            </StackPanel>
                        </StackPanel>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>-->
        </StackPanel>
    </Grid>
</Page>
